<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

         <!--app-->
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css_sdk/css/main.css">
        <link rel="stylesheet" href="test_content/css/order.css">

        <style>
            .am-header-default {
                background-color: #eb1111;
            }
            .bc-btn {
                background-color: #eb1111;
            }
            .logo {
                background-image: url('images/logo.png');
            }
            .umhw1 {
                min-height: 9.16em;
                min-width: 13.5em;
            }
            
            .umar-a {
                margin: 1em;
            }
            .bc-head {
                background-color: #eb1111;
            }
            
            .font-red {
                 color: #eb1111;
                 font-size: 1.2em;
            }
            
             .bc-border {
                border-color: #E2E0E0;
            }
            .bg-w{
                 background-color: white;
            }
        </style>
        
        
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
            var retOrderData;
            
            var type="Init";
            var userRole=localStorage.getItem("role");
            var loginID=localStorage.getItem("user");
            var orderCD=sessionStorage.getItem("OrderCD");
            var daili=sessionStorage.getItem("DailiShangName");
            var userName=sessionStorage.getItem("UserName");
            var startDay=sessionStorage.getItem("OrderStartDay");
            var endDay=sessionStorage.getItem("OrderEndDay");
            
            $(document).ready(function(){
		$.ajax({
                    type: 'POST',
                    async:false,
                    url: "http://101.200.158.44:80/CosmeticSunyuxiWebService/services/CaigouManageWebService/ProductListInit" ,
                    data: {"Type":type,"UserRole":userRole,"ID":loginID,"OrderCD":orderCD,
                        "DailiShangName":daili,"UserName":userName,"OrderStartDay":startDay,"OrderEndDay":endDay},
                    success: function(data){
			retOrderData=data;
                    },
                    dataType: "json",
		});
                
		setContent(retOrderData);
                sessionStorage["retOrderData"]=JSON.stringify(retOrderData);
            });
            
            function setContent(retOrderData){
		if(retOrderData==false){
//                    alert("空");
		}else{
                    var htm="";
                        $.each(retOrderData[0]["rows"],function(idx,item){
                            var orderid=item.f3;
                            var ht=''+
                                    ' <div  class="ub ub-ver  bc-border c-wh umar-at1" style="margin-top:0.5em" >'+
                                    "<div class='ub ub-ac  uinn-a11 ubb bc-border bg-w ' onclick=click_sub('order_detail.html?orderid="+item.f3+"')>"+
                                "<div class='ub-f1 ulev-1' style='margin-left:1em'>会员名："+item.f7+"</div>"+
                                "<div class='ub-f1 ub ub-pe ulev-1' style='padding-right:1em'>"+
                                "<div>"+item['f4'].substr(0, item['f4'].length-11)+"</div>"+
                                "</div>"+
                                "</div>"+
                                "<div class='uinn-a7 ub ub-ver bg-w'>"+"<div class='uinn-a11 ub ' id='listview'>"+"<ul style='width:100%'>";
                        
                        
                            var tmp="";
                            $.each(retOrderData[0]["productDetail"],function(idx,item){
                                var f7="";
                                if(item.f7!=undefined){
                                    f7=item.f7;
                                }
                                if(item['f1']==orderid){
                                    tmp=tmp+
                                "<li class='ubb ub bc-border t-bla ub-ac lis' data-index='0' onclick=click_sub('order_detail.html?orderid="+item.f1+"')>"+
                                "<ul class='ub ub ub-ver'>"+
                                    "<li class=''>"+
                                        "<div class='lis-icon ub-img' style='background-image:url(http://101.200.158.44/SyxView/UpImages/Product/"+item.f4+")'></div>"+
                                        "<div class='ulev-1 bc-text umar-t'></div>"+
                                    "</li>"+
                                "</ul>"+
                                "<ul class='ub-f1 ub ub-pj ub-ac'>"+
                                    "<ul class='ub-f1 ub ub-ver marg-l'>"+
                                        "<li class='bc-text ub ub-ver ut-m line1'>"+item.f2+"</li>"+
                                         "<li class='ulev-2 sc-text1 uinn3' style='color:grey'></li>"+
                                        "<li class='ulev-2 sc-text1 uinn3' style='color:grey'>保质期："+f7+"</li>"+
                                        "<li class='ulev-2 sc-text1 uinn3' style='color:grey'>规格："+"</li>"+
                                    "</ul>"+
                                    "<ul class='ub ub-ver ub-ae umar-r'>"+
                                       "<li class='bc-text lv_subTitle'>X"+item.f3+"</li><li class='ulev-2 sc-text1 uinn3'></li>"+
                                    "</ul>"+
                                "</ul>"+
                            "</li>";
                                }
                            });
                            ht=ht+tmp+                                
                            
                            "</ul></div><div class='ub ub-ver uinn-a11'>"+
                            "<div class='ub ub-f1 umar-r-order2'>"+
                            "<div class='ub ub-f1'>"+
                                "<div class='ulev-4 sc-text ub ub-ac'>"+
                                    "<div class='ub-f1'> 订单总金额:</div>"+
                                    "<div class='ub-f1 font-red'> ￥"+item.f11+"</div>"+
                                "</div>"+
                            "</div>"+
                            "<div class='ub ub-f1'>"+
                                "<div class='ulev-4 sc-text ub ub-ac'>"+
                                    "<div class='ub-f1'> 应付金额:</div>"+
                                    "<div class='ub-f1 font-red'> ￥"+item.f13+"</div>"+
                                "</div>"+
                            "</div>"+
                        "</div>"+
                        "<div class='ub ub-f1 umar-r-order2' style='margin-top:0.5em'>"+
                           "<div class='ub ub-f1'>"+
                                "<div class='ulev-4 sc-text ub ub-ac'>"+
                                    "<div class='ub-f1'> 利润分红:</div>"+
                                    "<div class='ub-f1 font-red'> ￥"+item.f12+"</div>"+
                                "</div>"+
                            "</div>"+
                        "</div>"+
                    "</div>"+
                     "</div>"+
                "</div>";
                            htm=htm+ht;
		})
		
            $("#mylist").html(htm);
		}
            }
                    
        </script>
        
</head>


<body class="um-vp bc-bg" >

        <div id="page_0" class="up ub ub-ver" tabindex="0">
            
        <div id="header" class="uh bc-text-head ub bc-head">
               <div class="nav-btn" id="nav-left" onclick="javascript:history.go(-1)">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">我的订单</h1>
                <div class="nav-btn nav-bt" id="nav-right"></div>
        </div>
            
         <div class="uinn-a1 ub ub-ver" id="mylist">

            <!--<div  class="ub ub-ver  bc-border c-wh umar-at1" style=" background-color: white;" >
                <!--
                <div class="ub ub-ac  uinn-a11 ubb bc-border ">
                    <div class="ub-f1 ulev-1" style="margin-left:1em">会员名：xuwei</div>
                    <div class="ub-f1 ub ub-pe ulev-1" style="padding-right:1em">
                        <div>2015-10-10</div>
                    </div>
                </div>
                <div class="uinn-a7 ub ub-ver">
                    <div class="uinn-a11 ub " id="listview">
                        <ul>
                            <li class="ubb ub bc-border t-bla ub-ac lis" data-index="0">
                                <ul class="ub ub ub-ver">
                                    <li class="">
                                        <div class="lis-icon ub-img" style="background-image:url(test_content/css/myImg/img1.png)"></div>
                                        <div class="ulev-1 bc-text umar-t"></div>
                                    </li>
                                </ul>
                                <ul class="ub-f1 ub ub-pj ub-ac">
                                    <ul class="ub-f1 ub ub-ver marg-l">
                                        <li class="bc-text ub ub-ver ut-m line1">扶中罐美肤套装</li>
                                         <li class="ulev-2 sc-text1 uinn3" style="color:grey"></li>
                                        <li class="ulev-2 sc-text1 uinn3" style="color:grey">保质期：1个月</li>
                                        <li class="ulev-2 sc-text1 uinn3" style="color:grey">规格：300毫升</li>
                                    </ul>
                                    <ul class="ub ub-ver ub-ae umar-r">
                                        <li class="bc-text lv_subTitle">￥19.5</li><li class="ulev-2 sc-text1 uinn3">x1</li>
                                    </ul>
                                </ul>
                            </li>
                            
                            <li class="ubb ub bc-border t-bla ub-ac lis" data-index="0">
                                <ul class="ub ub ub-ver">
                                    <li class="">
                                        <div class="lis-icon ub-img" style="background-image:url(test_content/css/myImg/img1.png)"></div>
                                        <div class="ulev-1 bc-text umar-t"></div>
                                    </li>
                                </ul>
                                <ul class="ub-f1 ub ub-pj ub-ac">
                                    <ul class="ub-f1 ub ub-ver marg-l">
                                        <li class="bc-text ub ub-ver ut-m line1">情人节礼物礼物礼物怡吻手工松露巧克力...</li>
                                         <li class="ulev-2 sc-text1 uinn3" style="color:grey"></li>
                                        <li class="ulev-2 sc-text1 uinn3" style="color:grey">保质期：1个月</li>
                                        <li class="ulev-2 sc-text1 uinn3" style="color:grey">规格：300毫升</li>
                                    </ul>
                                    <ul class="ub ub-ver ub-ae umar-r">
                                        <li class="bc-text lv_subTitle">￥19.5</li><li class="ulev-2 sc-text1 uinn3">x1</li>
                                    </ul>
                                </ul>
                            </li>
                        </ul>
                        
                    </div>
                    <div class="ub ub-ver uinn-a11">
                        <div class="ub ub-f1 umar-r-order2">
                            <div class="ub ub-f1">
                                <div class="ulev-4 sc-text ub ub-ac">
                                    <div class="ub-f1"> 订单总金额:</div>
                                    <div class="ub-f1 font-red"> ￥19.5</div>
                                </div>
                            </div>
                            <div class="ub ub-f1">
                                <div class="ulev-4 sc-text ub ub-ac">
                                    <div class="ub-f1"> 应付金额:</div>
                                    <div class="ub-f1 font-red"> ￥19.5</div>
                                </div>
                            </div>
                        </div>
                        <div class="ub ub-f1 umar-r-order2" style="margin-top:0.5em">
                           <div class="ub ub-f1">
                                <div class="ulev-4 sc-text ub ub-ac">
                                    <div class="ub-f1"> 利润分红:</div>
                                    <div class="ub-f1 font-red"> ￥19.5</div>
                                </div>
                            </div>
                        </div>
                       
                    </div>
                </div>
            </div>-->

        </div>
            
 
        </div>
    <script>
        function click_sub(href){
            //var href="order_detail.html?orderid="+'99';
            //alert(href);
            window.location.href=href;
        }
    </script>

</body>
</html>
